<style>
abbr {
  color: chocolate;
}
@media (hover: hover) {
  abbr:hover {
    color: limegreen;
    transition-duration: 1s;
  }
}
@media not all and (hover: hover) {
  abbr::after {
    content: ' (' attr(title) ')';
  }
}
</style>
<p>
  <abbr title="Wei yi Geek">WeiyiGeek</abbr> is Computer technology enthusiasts，I firmly believe that programming will change the world and my life
</p>